* {
      margin: 0;
      padding: 0;
}
ul,
ol {
      list-style: none;
}
img {
      display: block;
}
a {
      text-decoration: none;
}
.bancen {
      width: 1230px;
      margin: 0 auto;
}
input {
      padding: 0;
      margin: 0;
}
div {
      display: block;
}
body {
      background: #f2f2f2;
}
.top-bar {
      background-color: #666;
      height: 41px;
      line-height: 41px;
}
$position: reletive;
.top-bar-wrap {
      width: 1228px;
      margin: 0 auto;
      position: relative;
}
.nav-left {
      li {
            list-style-type: none;

            float: left;
            margin-left: 20px;
            height: 41px;
            display: inline-block;
      }
}
.top-bar ul > li a,
.wechat_box a {
      color: #ccc;
      font-size: 11px;
}
.nav-right {
      li {
            list-style-type: none;

            float: left;
            margin-left: 20px;
            height: 41px;
            display: inline-block;
      }
}

// .wechat-box{
//       .wechat{

//        img  {
//       width: 140px;
//       height: 140px;
//       margin-top: 10px;
// }}
// }
.tzj-qrcode-wrap,
wechat {
      position: absolute;
      width: 180px;
      height: 200px;
      background-color: #fff;
      z-index: 99;
      top: 40px;
      display: none;
      p {
            font-size: 10px;
            line-height: 160%;
      }
      img {
            width: 140px;
            height: 140px;
            margin-top: 10px;
      }
}

.tzj-li:hover .tzj-qrcode-wrap {
      display: block !important;
}
.tzj-li:hover .tzj-qrcode-wrap img {
      display: inline !important;
}
.wechat_box:hover .wechat {
      display: block !important;
}
.wechat_box:hover .wechat img {
      display: inline !important;
}
.top-bar .nav-left li:first-child {
      margin-left: 0;
}
.top-bar .nav-right {
      position: absolute;
      right: 0;
      top: 0;
      .arrow {
            width: 12px;
            height: 12px;
            color: #9e9e9e;
            margin-left: 10px;
      }
}



//导航



$margin: 0, auto;
.nav {
      width: 100%;
      transform: translate3D(0, 0, 0);
      -webkit-transform: translate3D(0, 0, 0);
      background-color: #fff;
      position: relative;
}

.header-nav .container {
      width: 1270px;
      height: 80px;
      margin: 0 auto;
      line-height: 80px;
      // border: 1px solid gold;
}
.header-nav .container .header_logo {
      width: 83px;
      height: 45px;
      // border: 1px solid black;
      padding-top: 22.5px;
      float: left;
}


.header-nav .container .header_logo img {
      width: 83px;
      height: 45px;
}
.header-nav .container .nav_list-left {
      float: left;
      margin-left: 20px;
}
.header-nav .container .nav_list-left a {
      color: #333333;
      font-size: 14px;
      padding: 20px 9px 0;
}
.header-nav .container .nav_list-left .nav_item {
      display: inline-block;
      line-height: 80px;
}




// .header-nav .container .nav_list-left .nav_item  .nav_item-box1{
//       width: 1920px;
//       height: 500px;
      
//       top:500px;
//       background-color: red;
//       z-index: 1000;
//       //display: none;
// }
// .lef > li:hover > div {
//       display: block;
// }













.header-nav .container .nav_list-right {
      float: left;
      // border: 1px solid black;
      margin-left: 20px;
}
.header-nav .container .nav_list-right span {
      color: #e3e3e3;
}
.header-nav .container .nav_list-right a {
      color: #333333;
      font-size: 14px;
      padding: 20px 9px 0;
}

.header-nav .container .nav_list-right .nav_item {
      display: inline-block;
      line-height: 80px;
}
.menu-late-search {
      position: relative;
      width: 170px;
      height: 36px;
      display: inline-block;
}




//二级菜单和轮播图
#banner-box {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      max-width: 1920px;
      width: auto;

      .bancen {
            width: 1228px;
            height: 550px;
      }
}

#erjicaidan {
      width: 176px;
      position: absolute;
      z-index: 100;
      left: 345px;
      height: 550px;
      //float: left;
      background-color: rgba(0, 0, 0, 0.5);

      ul {
            padding-top: 40px;

            width: 80px;
            //filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000);
            li {
                  width: 100%;
                  height: 67px;
                  line-height: 67px;
                  text-align: center;
                  cursor: pointer;
                  padding-left: 32px;
                  padding-right: 22px;
                  a {
                        font-size: 14px;
                        width: 80px;
                        color: white;
                        // float: left;
                        text-align: left;
                  }
                  // .jiantou{
                  //       width: 20px;
                  //       height: 20px;
                  //       // background-color: red;
                  //       float: left;
                  //       font-size: 30px;
                  // }
            }
      }
}
.box1,
.box2,
.box3,
.box4,
.box5,
.box6,
.box7 {
      width: 680px;
      background-color: white;
      height: 450px;
      position: absolute;
      left: 176px;
      top: 0px;
      display: none;
      padding: 50px;
      .sp {
            width: 290px;
            height: 100px;

            float: left;
            margin-bottom: 75px;
            margin-right: 50px;
            img {
                  width: 100px;
                  height: 100px;
                  float: left;

                  p {height: 50px;
                        font-size: 14px;
                        line-height: 15px;
                  }
            }
      }
}
.lef > li:hover > div {
      display: block;
}

//轮播图
.container {
      width: 1920px;
      height: 550px;
      margin: 0 auto;
      position: relative;
      top: 0;
      left: 0;
      overflow: hidden;
      z-index: 10;
}
.wrapper {
      width: 7680px;
      position: absolute;
      left: 0;
}
.slide {
      float: left;
}

.slide,
.slide img {
      width: 1920px;
      height: 550px;
}
.button-prev {
      left: 0;
      background-position: 30px center;
      background-image: url(https://static.zcool.cn/git_z/z/widget/slider/images/svg/left_arrow.svg?v=2);
      top: 0;
      width: 13px;
      height: 100%;
      padding: 0 80px;
      border-radius: 2px;
      position: absolute;
      background-repeat: no-repeat;
}
.button-prev:hover {
      background-image: url(https://static.zcool.cn/git_z/z/widget/slider/images/svg/left_arrowhover.svg?v=2);
}
.button-next {
      right: 0;
      background-position: 91px center;
      background-image: url(https://static.zcool.cn/git_z/z/widget/slider/images/svg/right_arrow.svg?v=2);
      top: 0;
      width: 13px;
      height: 100%;
      padding: 0 80px;
      border-radius: 2px;
      position: absolute;
      background-repeat: no-repeat;
}
.button-next:hover {
      background-image: url(https://static.zcool.cn/git_z/z/widget/slider/images/svg/right_arrowhover.svg?v=2);
}
.pagination {
      position: absolute;
      bottom: 10%;
      width: 100%;
      height: 10px;
      left: 1500px;
}
.pagination span {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin-left: 5px;
      border-radius: 50%;
      background-color: white;
      border: 2px solid transparent;
      background-clip: content-box;
}
.pagination span.active {
      // border: 2px solid red;
      box-shadow: 0 0 5px white;
      background-color: red;
}

.visual {
      width: 100%;

      position: relative;
      top: 600px;
      .row {
            margin: 0 auto;
      }
}

.wd1228 {
      width: 1228px;
      margin-bottom: 30px;
}

#threeAd li img {
      width: 400px;
      height: 220px;
      float: left;
}

.layout {
}
//各类商品
.series {
      width: 1228px;
      margin: 0 auto 25px;
      position: relative;
      top: 650px;
      float: left;
}

//电视
.tv_series {
      margin-bottom: 45px;
      float: left;
      header {
            h2 {
                  float: left;
            }
            ul {
                  li {
                        float: left;
                        width: fit-content;
                        margin-right: 10px;
                        line-height: 29px;
                  }
            }
            .more {
                  float: right;
            }
      }
}
.clear a {
      color: #666;
      text-decoration: none;
      font-size: 14px;
      color: #555;
      outline: 0;
}
.series header {
      height: 29px;
      position: relative;
      margin: 0 0 24px;
}
.series header h2 {
      font-size: 22px;
      font-weight: 400;
      border-left: 4px solid #fe0000;
      padding-left: 15px;
      margin-right: 36px;
}

.tv_sec_left {
      float: left;
}
.tv_sec_right {
      li {
            float: left;
            background-color: white;
            text-align: center;
            width: 296px;
            height: 300px;
            margin: 0 0 14px 14px;
            transition-duration: 0.5s; //停留时间显示
            .dice {
                  font-size: 12px;
                  color: #9b9b9b;
                  margin: 12px auto 0;
                  height: 30px;
                  line-height: 15px;
                  overflow: hidden;
                  width: 237px;
            }
            .price {
                  color: red;
                  font-weight: 700;
            }
      }
}
.tv_sec_right li:hover {
      -webkit-box-shadow: #ccc 0px 10px 10px;
      -moz-box-shadow: #ccc 0px 10px 10px;
      box-shadow: #ccc 0px 10px 10px;
      transform: translateY(-8px);
}

//固定div
#float_nav {
      width: 73.5px;
      height: 246px;
      position: fixed;
      top: 1000px;
      left: 250px;
      background-color: white;
      li {
            height: 41px;
            a {
                  border-bottom: 1px solid #f4f4f4;
                  width: 109%;
                  display: block;
                  text-align: center;
                  color: #9f9f9f;
                  padding: 12px 0;
            }
      }
}
.ydbs:hover{
      color: red;
}

//新闻资讯
.Journalism {
      width: 1903px;
      height: 489px;
      background-color: white;
      float: left;
      margin-top: 200px;
      position: relative;
      top: 430px;
      padding-top: 20px;

      .zixun {
            width: 1226px;
            height: 489px;

            margin: 0 auto;
            .zixun-top {
                  height: 423px;

                  .zixun1 {
                        width: 296px;
                        height: 413px;
                        float: left;
                        margin-right: 10px;
                  }
            }
            .zixun-bottem {
                  height: 16px;
            }
      }
}
.zixun-nr {
      width: 228px;
      height: 115px;
      // position: relative;
      // left: 34px;
      // top: 36px;
      padding: 36px 34px;
      background-color: #f3f3f3;
      a {
            color: #666;
      }
}
.zixun-title {
      font-size: 14px;
      height: 24px;
      line-height: 24px;
      overflow: hidden;
      color: #333;
      margin-bottom: 10px;
}
.zixun-title span {
      font-size: 12px;
      padding: 0 10px;
      margin-right: 8px;
      display: inline-block;
      text-align: center;
      background-color: #4b89f1;
      vertical-align: top;
      color: #fff;
}
.zixun-xiang {
      text-decoration: none;
      width: 228px;
      font-size: 12px;
      line-height: 14px;
      height: 44px;
      outline: 0;
      float: left;
}
.xiangqing {
      text-decoration: none;
      position: relative;
      top: 10px;
      margin-top: 10px;
      font-size: 12px;
      line-height: 12px;
      color: #666;
}
.fans-more {
      margin-top: 30px;
      text-align: center;
      font-size: 12px;
      color: #666;
      a {
            transition: all 0.3s;
            color: #555;
            outline: 0;
            a:hover {
                  text-decoration: none;
            }
      }
}

//服务
.server {
      background-color: #f3f3f3;
      height: 382px;
}
.server-top {
      width: 1226px;
      height: 127px;
      margin: 0 auto;
      border-bottom: 1px solid gainsboro;
}
.server-topf {
      width: 306.5px;
      height: 40px;
      padding: 43px 0;
      float: left;
      img {
            float: left;
      }
      em {
            font-size: 14px;
            color: #666;
            font-style: normal;
            vertical-align: top;
            line-height: 40px;
      }
}

.server-bottom {
      width: 1226px;
      height: 184px;
      margin: 0 auto;
      padding: 40px 0px 41px 0px;
      dl {
            float: left;
            margin-right: 70px;
            dt {
                  font-size: 14px;
                  line-height: 14px;
                  padding-bottom: 20px;
                  color: #333;
                  font-weight: 700;
            }
            dd {
                  display: block;
                  line-height: 12px;
                  a {
                        color: #999;
                        outline: 0;
                        display: inline-block;
                        padding-bottom: 12px;
                        font-size: 12px;
                  }
            }
      }
}

.server-bottom .last-r {
      width: 172px;
      float: right;
      text-align: center;
      margin-right: 0;
}

.server-bottom .last-r .phone {
      font-size: 20px;
      line-height: 20px;
      padding-bottom: 2px;
      text-align: center;
      letter-spacing: 2px;
}
.server-bottom .last-r .grey {
      font-size: 12px;
      color: #999;
      line-height: 18px;
      text-align: center;
}
.server-bottom .last-r a {
      width: 160px;
      height: 36px;
      color: red;
      font-size: 12px;
      padding: 2px;
      margin-top: 20px;
      border: 1px solid red;
      display: inline-block;
      -webkit-user-select: none;
      line-height: 32px;
}

//尾部部分
.footer {
      width: 100%;
      padding: 25px 0;
      font-size: 12px;
      color: #999;
      background-color: #e3e3e3;
}
.footer-nr {
      width: 1226px;
      height: 98px;
      margin: 0 auto;
      line-height: 22px;
      position: relative;
}
.footer p.blod {
      a {
            color: #666;
            padding: 0 15px;
      }
}
.footer .blod a:nth-child(1) {
      padding-left: 0;
}

#copyright {
      a {
            color: #555;
            outline: 0;
            margin-right: 5px;
      }
}
.blod1 {
      a {
            color: #555;
            outline: 0;
      }
}

.AC {
      width: 200px;
      height: 32px;
      margin: 0 auto;
      text-align: center;

      img {
            height: 32px;
            float: left;
      }
}

#onlyName,
img,
input {
      vertical-align: middle;
}
.footer .foot-r > div {
      margin-left: 10px;
      vertical-align: top;
      display: inline-block;
}
.footer .language {
      float: right;
      vertical-align: top;
      height: 29px;
      a {
            color: #555;
      }
}
